// header 头部
header{
   .header_return{
     width: 0.35rem;
     >img{
        width: 0.25rem;
     }
   }
    h2{
        font-size: 0.16rem;
        color: #fff;
    }
   
}



// product
.product{
    font-size: 0.14rem;
    padding: 0.2rem;
    color: #666;
    .product_name{
        font-size: 0.25rem;
        h3{
            font-weight: normal;
            color: #333;
        } 
    }
    .product_from{
        margin-top: 0.2rem;
        color: #888;
    }
    .product_info{
        margin-top: 0.2rem;
       .product_desc{
           .info{
                text-indent: 2em;
                line-height: 1.5;
           }
           img{
               padding: 0.2rem;
               width: 40%;
               float: right;
           }
       }
    }
    .product_pic{
        margin-top: 0.2rem;
    }

    .youhuo{

        h5{
            font-size: 0.2rem;
            padding: 0.2rem;
            background-color: #f1f1f1;
            border-left: 0.1rem solid rgb(245, 52, 171);
        }
        margin-top: 0.2rem;
        #disstorck{
            overflow: hidden;
            li{
                float: left; 
                padding: 0.1rem;
                margin: 0.05rem;
                border: 0.05rem solid rgb(218, 223, 250);
                background-color: #f1f1f1;
                a{
                    display: inline-block;
                }
            }
            
        }
    }

    .comment{
        margin-top: 0.2rem;

            .tit{
                padding: 0.1rem 0;
            }
            .reply{
                .form{
                    textarea{
                        width: 100%;
                    }
                    .ctrl{
                        text-align: right;
                        input{
                            width: 1rem;
                            height: 0.5rem;
                            border: none;
                            background-color: rgb(102, 215, 250);
                            color: #fff;
                        }
                    }
                }
            }
            .list{
                padding: 0.1rem 0;
                ul{
                    background-color: #f1f1f1;
                    li{
                        display: flex;
                        padding: 0.3rem;
                        // margin-bottom: 0.3rem;
                        border-bottom: 0.01rem solid #fff;
                      .userimg{
                          margin-right: 0.3rem;
                          width: 10%;
                          border-radius: 50%;
                          overflow: hidden;
                      }
                      .con{
                          width: 100%;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        .name{
                            display: flex;
                            justify-content: space-between;
                            .username{
                                color: rgb(128, 128, 255);
                            }
                            .time{
                                color: #888;
                                flex: 1;
                                text-align: right;
                            }
                        }
                        .content{
                            color: #666;
                            img{
                                width: auto;
                            }
                        }
                      } 
                    }
                }
            }
        
    }
}

footer{
    a{
        color: #fff;
    }
}